<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  
  <meta name="generator" content="Hugo 0.98.0" />

  
  <meta name="description" content="走在通往幸福的路上">
  

  
  <link rel="apple-touch-icon" sizes="180x180" href="https://blog.v5u.win/apple-touch-icon.png">

  
  <link rel="icon" type="image/png" sizes="32x32" href="https://blog.v5u.win/favicon-32x32.png">

  
  <link rel="icon" type="image/png" sizes="16x16" href="https://blog.v5u.win/favicon-16x16.png">

  
  <link rel="manifest" href="https://blog.v5u.win/site.webmanifest">

  
  <link rel="mask-icon" href="https://blog.v5u.win/safari-pinned-tab.svg" color="">

  <meta name="msapplication-TileColor" content="">

  <meta name="theme-color" content="">

  
  <link rel="stylesheet" href="https://blog.v5u.win/css/bootstrap.min.css" />

  
  <title>Xcode-debug-view-hierarchy | 为吾优</title>
  

  <style>
body {
  min-width: 300px;
}

.custom-navbar {
  margin-bottom: 1em;
  height: 60px;
}

.custom-navbar a {
  display: inline-block; 
  padding: 18px 0;
  margin-right: 1em; 
  font-weight: bold; 
}

.custom-navbar a:hover,
.custom-navbar a:focus {
  text-decoration: none; 
}

@media print {
  .custom-navbar {
    display: none;
  }
}

article {
  padding-bottom: 1em;
}

img {
  max-width: 100%;
}


body {
  background-color: #fff;
}



body {
  color: #212529;
}



a {
  color: #007bff;
}



a:hover,
a:focus {
  color: #0056b3;
}



.custom-navbar {
  background-color: #212529;
}



.custom-navbar a {
  color: rgba(255,255,255,.75);
}



.custom-navbar a:hover,
.custom-navbar a:focus {
  color: rgba(255,255,255,1);
}



.container {
  max-width: 800px;
}





</style>
</head>

<body>
  <nav class="custom-navbar">
  <div class="container">
    
    <a href="/">文章</a>
    
    <a href="/tags/">标签</a>
    
    <a href="/about/">关于</a>
    
    <a href="/index.xml">RSS</a>
    
  </div>
</nav>
  
  <div class="container">
    <article>
      <h1>Xcode-debug-view-hierarchy</h1>
<h3 id="xcode-教程之调试视图层次结构">Xcode 教程之调试视图层次结构</h3>
<p>Xcode开发，当我们需要调整/检查UI时正确的处理方式是什么？</p>
<p>答案：debug view hierarchy</p>
<p><img src="http://ocnjk5c7r.bkt.clouddn.com/image/iOS/debug-view-hierarchy.png" alt="debug view hierarchy"></p>
<p>P.s. 下面是为什么要使用debug view hierarchy，没时间的读者自行略过</p>
<p>很多人知道</p>
<p>很多人不知道</p>
<p>很多人知道仅仅了解了一下</p>
<p>少部分的人知道了解，并经常用它辅助开发。</p>
<p>范子属于知道作为新功能仅仅了解了一下。包括之前的Mac软件reveal。</p>
<p>因为实际的开发过程中，并不是很关心UI的处理，毕竟前期要先保证业务逻辑正确，后期还有调整&amp;测试UI的过程。</p>
<p>然而在这次的产品在上线之前临时提出调整UI的需求，在调整UI的过程中，让范子重新审视了一下自己画UI的过程是否合理。</p>
<p>其实范子之前就知道自己画UI很不用心，或者说没有给予足够的重视，在整个产品开发过程中，经常出现后期调整，耽误工程进度的情况。</p>
<p>这次的反思并不是因为影响进度，而是基于自身的编码习惯的反思审视。我们可以通过debug view hierarchy一次完成完美的代码布局，并以此优化自己代码布局逻辑，其实是有助于提升自己的编码水平的。</p>
<p>以前是因为没有合适的工具比如reveal收费昂贵。现在Xcode早就原生支持了，那么我们也就不应错过这个可以提升效率的工具。</p>
<p>完！</p>

    </article>
  </div>

  
  
  

  
</body>

</html>